<!DOCTYPE html>
<html lang="en" style="font-size: 37.5px;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/pageUserCenter.css">

<body>
    @@include('./common/navbar.html')
    <div class="pages">
        <div class="box">
            <img class="userheard" src="https://img3.mukewang.com/54155efa0001aab901000100-370-370.jpg">
            <div class="info">
                <p>嘟嘟猫</p>
                <p class="gray">学习时长 113小时20分 | 经验 3515</p>
            </div>
        </div>
        <div id="main">
            <div class="wrap">
                <div class="slider" style="position: absolute; left: 24px; top: 0px;">
                    <ul>
                        <li>
                            <a href="usercenter.html" class="active">
                                <span>我的订单</span><b class="icon-drop_right"></b>
                            </a>
                        </li>
                        <li>
                            <a href="myfollow.html">
                                <span>我的收藏</span><b class="icon-drop_right"></b>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="u-container">
                    <div class="all-course-main">
                        <div class="myorder-list-wrap">
                            <div class="pay-list js-all-list">
                                <div class="order-item">
                                    <p class="order-num">
                                        订单编号：2002270005194349
                                    </p>
                                    <ul class="course-list">
                                        <a href="http://m.imooc.com/learn/1215" class="go-detail">

                                            <li class="order-course-item clearfix">
                                                <div class="img-box l"
                                                    style="background-image: url('http://img.mukewang.com/5e12e15309ff060712000676-156-88.jpg');">
                                                </div>
                                                <div class="course-desc-box l">
                                                    <p class="course-name">uni-app 5小时快速入门</p>
                                                    <div class="bottom-desc clearfix">
                                                        <p class="course-price l">￥6.60</p>
                                                    </div>
                                                </div>
                                            </li>
                                        </a>

                                    </ul>


                                    <div class="pay-box clearfix">
                                        <p class="course-price l">总价<span>￥6.60</span></p>

                                        <p class="status-text r">已完成</p>

                                    </div>
                                </div>

                                <div class="order-item">
                                    <p class="order-num">
                                        订单编号：1704062217285263
                                    </p>

                                    <ul class="course-list">


                                        <a href="https://coding.imooc.com/class/83.html" class="go-detail">

                                            <li class="order-course-item clearfix">
                                                <div class="img-box l"
                                                    style="background-image: url('http://szimg.mukewang.com/58a68f000001262805400300-160-90.jpg');">
                                                </div>
                                                <div class="course-desc-box l">
                                                    <p class="course-name">React.js入门与实践项目 开发适配PC及移动端新闻头条平台</p>
                                                    <div class="bottom-desc clearfix">
                                                        <p class="course-price l">￥199.00</p>
                                                    </div>
                                                </div>
                                            </li>
                                        </a>

                                    </ul>


                                    <div class="pay-box clearfix">
                                        <p class="course-price l">总价<span>￥199.00</span></p>

                                        <p class="status-text r">已完成</p>

                                    </div>
                                </div>

                                <div class="order-item">
                                    <p class="order-num">
                                        订单编号：201608187308232025295752
                                    </p>

                                    <ul class="course-list">


                                        <a href="https://coding.imooc.com/class/38.html" class="go-detail">

                                            <li class="order-course-item clearfix">
                                                <div class="img-box l"
                                                    style="background-image: url('http://szimg.mukewang.com/576376520001da3d05400300-160-90.jpg');">
                                                </div>
                                                <div class="course-desc-box l">
                                                    <p class="course-name">Node.js七天搞定微信公众号</p>
                                                    <div class="bottom-desc clearfix">
                                                        <p class="course-price l">￥199.00</p>
                                                    </div>
                                                </div>
                                            </li>
                                        </a>

                                    </ul>


                                    <div class="pay-box clearfix">
                                        <p class="course-price l">总价<span>￥199.00</span></p>

                                        <p class="status-text r">已完成</p>

                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div><!-- .container end -->
            </div><!-- .wrap end-->
        </div>
    </div>
    @@include('./common/footer.html')
</body>

</html>